<template>
    <div class="location border-top">
        <div class="location-item">
            <img src="@/assets/images/home/activity/home-activity-1.png" alt="">
        </div>
        <div class="location-item">
            <img src="@/assets/images/home/activity/home-activity-2.png" alt="">
        </div>
    </div>
</template>

<script>
export default {
    name : "home-location",
    data(){
        return{

        }
    },
}
</script>

<style scoped>

.location{ display: flex;}

.location .location-item{ flex: 1; font-size:0.28rem; text-align:center;}

.location .location-item img{ width:100%;}

.location .location-item:nth-of-type(1){ border-right: 0.01rem solid #e0e0e0;}

.location .iconfont{ font-size:0.3rem;}

</style>

